<template>
  <v-app>
    <v-app-bar app color="primary" dark>
      
      <div class="d-flex align-center">
        <v-img
          alt="Vuetify Logo"
          class="shrink mr-2"
          contain
          src="https://cdn.vuetifyjs.com/images/logos/vuetify-logo-dark.png"
          transition="scale-transition"
          width="40"
        />
      <v-app-bar-title>
        树莓派门禁系统
      </v-app-bar-title>

      </div>

      <v-spacer></v-spacer>

      
    </v-app-bar>

    <v-main>
      <!-- <Login /> -->
      <router-view></router-view>
    </v-main>
  </v-app>
</template>

<script>
// import HelloWorld from "./components/HelloWorld";
// import Login from "./components/Login";

export default {
  name: "App",

};
</script>
